<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
  <script>
    // 简单类型，不用空间地址，直接把值复制
    // let a = 20;
    // let b = a;
    // console.log('num1 === num -----> ', a === b);
    // b = 30;
    // console.log('num1 === num -----> ', a === b); // 改变后就不相等了

    // 复杂类型，大家保存的都是地址
    // 浅比较 --- 对比的就是地址是否相同
    // 浅拷贝 ---- 把地址复制而已
    {
      // let list = [1, 2, 3];
      // let arr = list;
      // console.log('list === arr -----> ', list === arr);
      // list.push(4);
      // console.log('list === arr -----> ', list === arr);
    }

    // 深比较，比的是每一个值是否相同
    // 深拷贝，把每一项的值复制,  JSON.parse(JSON.stringify(arr))
    let arr = [1, 2, 3];
    let list = [1, 2, 3];
    console.log('list === arr ----->浅比较，比较的是地址 ', list === arr); // false
    console.log(
      'list === arr -----> 深比较，比较的是每一个值',
      JSON.stringify(list) === JSON.stringify(arr)
    );
  </script>
</html>
